<template>
  <div class="vHome">
    <div class="header">
      <div class="title">后台管理系统</div>
      <div class="nav">登陆</div>
    </div>
    <div class=" body">
      <div class="side-nav">
        <router-link to="/home/user">用户管理</router-link>
        <router-link to="/home/management">系统设置</router-link>
      </div>
      <div class="content">
        <router-view></router-view>
      </div>
    </div>
  </div>

</template>

<script>
export default {
}
</script>

<style scoped lang="stylus">
.vHome
  height 100%
  .header
    height 80px
    padding 0 20px
    line-height 80px
    background-color #eee
    font-size 30px
    display flex
    justify-content space-between
  .body
    height calc(100vh - 80px)
    display: flex
    .side-nav
      width 200px
      background-color #aaa
    .content
      flex: 1
      background-color #ccc
      padding 20px 20px
</style>
